<template>
    <view class="bg-gradual-blue title-block">
        <navigator class="cu-capsule round" :url="backUrl" style="z-index:1000">
            <view class="cu-tag bg-white" >返回</view>
            <view class="cu-tag line-blue"></view>
        </navigator>
        <view class="toptit">
                <text>{{title}}</text>
        </view>
    </view>
</template>


<script>
export default {
    props: {
    title: String,
    backUrl: String,
  }, 
}

</script>
<style lang="scss" scoped>
    .title-block{
        height: 100rpx;
        display: flex;
        align-items: center;
        position: relative;
        text-align: center;
        .toptit {
            position: absolute;
            left: 0;
            right: 0;
            margin: auto;
            font-size: 36rpx;
            font-weight: bold;
        }
    }
</style>